<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/webpage/include/taglib.jsp"%>
<html>
<head>
	<title>支出管理</title>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<meta name="decorator" content="ani"/>
	<%@ include file="/webpage/include/bootstraptable.jsp"%>
	<%@include file="/webpage/include/treeview.jsp" %>
	<%@include file="expenditureList.js" %>
</head>
<body>
	<div class="wrapper wrapper-content">
	<div class="panel panel-primary">
	<div class="panel-heading">
		<h3 class="panel-title">支出列表</h3>
	</div>
	<div class="panel-body">
		<sys:message content="${message}"/>
	
	<!-- 搜索 -->

		<div class="accordion-inner">
			<form:form id="searchForm" modelAttribute="expenditure" class="form form-horizontal well clearfix">
				<div class="col-xs-6 col-sm-3 col-md-2">
					<label class="label-item single-overflow pull-left" title="装运单号：">费用对象：</label>
					<select id="costObject" class="form-control ">
						<option value="">请选择</option>
						<c:forEach items="${fns:getDictList('object')}" var="i">
							<option value="${i.value}" >${i.value}</option>
						</c:forEach>
					</select>
				</div>
				<div class="col-xs-6 col-sm-3 col-md-2">
					<label class="label-item single-overflow pull-left" title="装运单号：">费用归属：</label>
					<select id="costAffiliation" class="form-control ">
						<option value="">请选择</option>
						<c:forEach items="${fns:getDictList('guishu')}" var="i">
							<option value="${i.value}" >${i.value}</option>
						</c:forEach>
					</select>
				</div>
				<div class="col-xs-6 col-sm-3 col-md-2">
					<div class="form-group">
						<label class="label-item single-overflow pull-left" title="起始时间">起始时间:</label>
						<div class="col-xs-12">
							<div class='input-group date' id='minDate' >
								<input type='text'  id="min" class="form-control"  />
								<span class="input-group-addon">
			                       <span class="glyphicon glyphicon-calendar"></span>
			                   </span>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xs-6 col-sm-3 col-md-2">
					<div class="form-group">
						<label class="label-item single-overflow pull-left" title="截止时间">截止时间:</label>
						<div class="col-xs-12">
							<div class='input-group date' id='maxx' >
								<input type='text'  id="max" class="form-control"  />
								<span class="input-group-addon">
			                       <span class="glyphicon glyphicon-calendar"></span>
			                   </span>
							</div>
						</div>
					</div>
				</div>
				<shiro:hasPermission name="ap:expenditure:pro">
					<div class="col-xs-6 col-sm-3 col-md-2">
					<label class="label-item single-overflow pull-left" title="：">项目：</label>
					<select name="pro" class=" form-control">
						<option value="">请选择</option>
						<option value="386ae05512bb43cca2e8c62c90ebf594">武汉润滑油仓储项目</option>
						<option value="f6d6fc830ce548fb90777364c1c7e2f2">北京润滑油运输项目</option>
						<option value="5b3d351e89ec4f43b8de7b184bb52a1a">天津润滑油运输项目</option>
						<option value="a5d6a0eaa9424e9a91b01b73bb152d0a">西安润滑油仓储配送项目</option>
						<option value="a5d6a0eaa9424e9a91b01b73bb152d0a">郑州润滑油运输项目</option>
						<option value="218fc0ac77c64665af2540bfac9b31b2">重庆润滑油仓储配送项目	</option>

						<option value="875085671e2c4221a32969e7b7ad2334">石家庄润滑油仓储配送项目</option>
					</select>
				</div></shiro:hasPermission>
				<div class="col-xs-6 col-sm-3 col-md-2">
			<div style="margin-top:26px">
			  <a  id="search" onclick="cx()" class="btn btn-primary btn-rounded  btn-bordered btn-sm"><i class="fa fa-search"></i> 查询</a>
			  <a  id="reset" onclick="dc()" class="btn btn-primary btn-rounded  btn-bordered btn-sm" ><i class="fa fa-refresh"></i> 导出</a>
			 </div>
	    </div>	
	</form:form>
	</div>

	
	<!-- 工具栏1 -->


	<!-- 表格 -->
		<table  class="table text-nowrap"  data-toolbar="#toolbar">
			<tr>
				<th>现金总额</th>
				<th id="xj"></th>
				<th>油卡总额</th>
				<th id="yk"></th>
			</tr>
		</table>	<div style="overflow: scroll;   width:100%;height: 500px;">
		<input type="hidden" id="ids"/>
	<table id="expenditureTable" class="table  text-nowrap"  data-toolbar="#toolbar">
		<thead>
		<tr>
			<th>单号</th>
			<th>项目</th>
			<th>经办人</th>
			<th>日期</th>
			<th>科目</th>
			<th>金额</th>
			<th>支出类别</th>
			<th>费用对象</th>
			<th>费用归属</th>
			<th>票据类型</th>
			<th>票据号码</th>
			<th>说明</th>
			<th></th>
		</tr></thead>
		<tbody id="detil"></tbody>
	</table>
	</div>
    <!-- context menu -->

	</div>
	</div>
	</div>
</body>
</html>